<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="./zui/css/zui.css" rel="stylesheet">

<!-- <script src="./zui/lib/jquery/jquery.js"></script> -->
<script src="./zui/lib/jquery/jquery-2.0.3.min.js"></script>
<script src="./zui/js/zui.js"></script>
<link href="./zui/lib/chosen/chosen.min.css" rel="stylesheet">
<script src="./zui/lib/chosen/chosen.min.js"></script>

    <link href="./zui/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet">
    <script src="./zui/lib/datetimepicker/datetimepicker.min.js"></script>
    <p></p>
 
<div class="example" style="margin-top:300px">
日期插件示例
  <form>
  <div class="row">

<p>仅日期插件示例</p>
 <div class="col-md-2"><input type="text" class="form-control form-date" placeholder="选择或者输入一个日期：yyyy-MM-dd"></div><p></p>
 <div class="col-md-2"><input type="text" placeholder="选择或者输入一个日期：yyyy-MM-dd" data-provide="datetimepicker-inline"></div>
<div class="col-md-2">
<div class="input-group date form-datetime" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input">
  <input class="form-control" size="16" type="text" value="" readonly="">
  <span class="input-group-addon"><span class="icon-remove"></span></span>
  <span class="input-group-addon"><span class="icon-th"></span></span>
</div>
</div>
</div>

<script>
// 选择时间和日期
$(".form-datetime").datetimepicker(
{
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1,
    format: "yyyy-mm-dd hh:ii"
});

// 仅选择日期
$(".form-date").datetimepicker(
{
    language:  "zh-CN",
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0,
    format: "yyyy-mm-dd"
});
</script>



  </div>
  </form>

</div>

